<template>
    <div class="phot-active-device-main__content">
        <div class="left">
            <ProjectManager ref="ProjectManagerRef"></ProjectManager>
        </div>
        <div class="center">
            <div class="preview-content electro_optic_device">
                <div class="preview-list">
                    <ViewContent ref="ViewContentRef"></ViewContent>
                </div>
            </div>
            <MessageLog ref="MessageLogRef" />
        </div>
        <div class="right">
            <ParameterSetting ref="ParameterSettingRef"></ParameterSetting>
        </div>
    </div>
</template>

<script lang="ts" setup>
import { reactive, getCurrentInstance } from 'vue'
import MessageLog from '../../explorers/message/MessageLog.vue'
import ProjectManager from './ProjectManager.vue'
import ParameterSetting from './ParameterSetting.vue'
import ViewContent from './center/ViewContent.vue'
const { proxy }: any = getCurrentInstance()

const init = (type: any) => {
    proxy.$refs.ProjectManagerRef.init(type)
    proxy.$refs.ParameterSettingRef.init(type)
    proxy.$refs.ViewContentRef.init()
    proxy.$refs.MessageLogRef.clearLog()
    proxy.$refs.MessageLogRef.init(['工程加载成功...'])
}
defineExpose({
    init
})
</script>